<template>
  <div class="container-wrapper">
    <Row :gutter="layoutItem.component.compConfigData.gutter" class-name="grid-row">
      <template v-for="(colLayoutItem, colIndex) in layoutItem.children">
        <GridColWidget :key="colIndex" :layoutItem="colLayoutItem" :formData="formData"></GridColWidget>
      </template>
    </Row>
  </div>
</template>

<script>
export default {
  name: "GridWidget",
  props: {
    layoutItem: {
      type: Object,
      required: true
    },
    formData: {
      type: Object,
      default() {
        return {}
      }
    }
  },
  data() {
    return {}
  },
  mounted() {

  },
  methods: {},
  computed: {},
  watch: {}
}
</script>

<style lang="less" scoped>
.container-wrapper {
  position: relative;
}
</style>
